﻿/*Written by Cooclsee
**2011-4-3 00:29
*/

body { background: #0b0f12; color: #fff; }

/*头部菜单*/
.pre_miniMenu { background: url("images/pre_bg_x.jpg") repeat-x 0 -70px #000; border-bottom: 1px solid #000; border-top: 1px solid #000; overflow: hidden; width: 100%; }
.pre_miniMenu .miniMenu { margin: auto; width: 1000px; height: 34px; }
.pre_miniMenu .miniMenu .leftMenu { float: left; }
.pre_miniMenu .miniMenu .leftMenu a.miniLogo { float: left; }
.pre_miniMenu .miniMenu .leftMenu ul { float: left; overflow: hidden; }
.pre_miniMenu .miniMenu .leftMenu ul li { float: left; height: 32px; margin-left: -2px; }
.pre_miniMenu .miniMenu .leftMenu ul li a { height: 32px; line-height: 34px; float: left; padding: 0 11px 0 12px; background: url("images/pre_bg_x.jpg") no-repeat 0 -105px; color: #fff; }
.pre_miniMenu .miniMenu .miniSearch { background: url("images/pre_img.gif") no-repeat -213px 0; display: inline; float: right; height: 22px; margin: 6px 10px 0 0; width: 212px; }
.pre_miniMenu .miniMenu .miniSearch input.txtSearch { background: none; border: none; float: left; height: 18px; margin: 0 4px 0 25px; width: 141px; }
.pre_miniMenu .miniMenu .miniSearch input.btnSearch { background: none; border: none; float: left; height: 13px; margin: 4px 0 0 5px; overflow: hidden; text-indent: -9999px; width: 26px; cursor: pointer; }
.pre_miniMenu .miniMenu .miniUserInfo { color: #666; float: right; height: 34px; line-height: 34px; margin-right: 10px; }
.pre_miniMenu .miniMenu .miniUserInfo a { color: #fff; margin: 0 3px 0 5px; }


#playMain { background: url("images/play_bg.jpg") no-repeat center top; padding-top: 10px; }
#playMain .box { width: 980px; background: url("images/bg_playMain.png") no-repeat center top; margin: auto; padding: 10px; }
#playMain .box .playBox { /*float: left;*/ height: 420px; width: 980px; overflow: hidden; }

.videoInfo { float: right; width: 385px; height: 400px; border: 1px solid #333; background: #000; opacity: 0.6; padding: 10px; }
.videoInfo .title { margin-bottom: 15px; }
.videoInfo .title h3 { font-size: 14px; font-weight: bold; color: #fff; }
.videoInfo .info dl { height: 150px; }
.videoInfo .info dl dt { background: url("images/img_2.gif") 0 -310px; float: left; height: 135px; overflow: hidden; padding-top: 9px; text-align: center; width: 112px; }
.videoInfo .info dl dt a img { height: 128px; width: 96px; }
.videoInfo .info dl dd { color: #999; float: left; margin-left: 10px; padding-top: 5px; width: 260px; }
.videoInfo .info dl dd h4 { color: #ccc; font-size: 14px; font-weight: bold; line-height: 26px; }
.videoInfo .info dl dd ul li { height: 20px; line-height: 20px; overflow: hidden; }
.videoInfo .info dl dd ul li a { color: #999; }
.videoInfo .info .intro { color: #7f7f7f; line-height: 20px; }
.videoInfo .info .intro strong.title { display: block; margin: 10px 0 5px; margin-bottom: 5px; }
.videoInfo .info .intro p { color: #7f7f7f; line-height: 20px; }
.videoInfo .info .intro p a { color: #fff; line-height: 20px; }
#playMain .box .extMenu { clear: both; padding: 10px 0; }
#playMain .box .extMenu .menu { width: 570px; margin: auto; height: 24px; background: url("images/img.png") no-repeat -241px 0; padding: 5px 0 0 80px; }
#playMain .box .extMenu .menu a { display: inline; float: left; height: 24px; line-height: 24px; margin-right: 65px; overflow: hidden; padding-left: 20px; color: #cecfd0; font-size: 14px; }
#playMain .box .extMenu .menu a.btn_like { background: url("images/img_2.gif") 0 -73px no-repeat; width: 35px; }
#playMain .box .extMenu .menu a.btn_favor { background: url("images/img_2.gif") -81px -73px no-repeat; width: 35px; }
#playMain .box .extMenu .menu a.btn_dl { background: url("images/img_2.gif") -162px -73px no-repeat; width: 35px; display: none; }
#playMain .box .extMenu .menu a.btn_dlPlayer { background: url("images/img_2.gif") -567px -331px no-repeat; width: 95px; padding-left: 25px; }
#playMain .box .extMenu .menu a.btn_err { background: url("images/img_2.gif") -570px -474px no-repeat; padding-left: 20px; width: 30px; }

#playMain .playDataMain { width: 980px; margin: auto; padding: 10px; }
#playMain .playDataMain .comment { float: left; border: 1px solid #333; width: 550px; }
#playMain .playDataMain .comment .addcomment { background: #202325; margin-bottom: 10px; padding: 10px 15px; }
#playMain .playDataMain .comment .addcomment h3 { font-size: 14px; font-weight: bold; color: #fff; }
#playMain .playDataMain .comment .addcomment h3 a { color: #ccc; margin-left: 5px; font-weight: normal; }
#playMain .playDataMain .comment .addcomment form p { text-align: right; color: #999; line-height: 20px; }
#playMain .playDataMain .comment .addcomment form .submit { background: url("images/img_2.gif") 0 -99px; height: 54px; overflow: hidden; }
#playMain .playDataMain .comment .addcomment form .submit textarea.txtContent { background: none; border: none; color: #333; height: 44px; overflow-y: hidden; padding: 5px; width: 447px; float: left; }
#playMain .playDataMain .comment .addcomment form .submit a { background: url("images/img_2.gif") -466px -99px; height: 56px; margin: -1px 0 0 1px; width: 62px; float: left; }
#playMain .playDataMain .comment .addcomment form .submit a:hover { background: url("images/img_2.gif") -466px -42px; }
#playMain .playDataMain .comment .addcomment form .submit a input.btnPost { background: none; border: none; cursor: pointer; display: block; height: 56px; overflow: hidden; text-indent: -9999px; width: 62px; }
#Comments { background: #202325; margin: 0 10px 10px; padding: 10px 0; }
#Comments h3 { display: block; font-size: 14px; font-weight: bold; margin: 0 0 10px 10px; }
#Comments h3 span { color: #999; font-size: 13px; font-weight: normal; }
#Comments .PageNum { color: #999; font-family: Arial; font-size: 11px; height: 16px; line-height: 16px; margin-bottom: 15px; overflow: hidden; padding: 0 8px; }
#Comments .PageNum span.allNum { float: left; overflow: hidden; width: 180px; }
#Comments .PageNum span.PageList { float: right; overflow: hidden; text-align: right; width: 320px; }
#Comments .PageNum span.PageList a { color: #999; }
#Comments .PageNum span.PageList a.now { color: Orange; font-weight: bold; }
#Comments .commentList dl { border-bottom: 1px dotted #666; padding: 5px 0; margin-bottom: 10px; }
#Comments .commentList dl dt { float: left; text-align: center; width: 60px; }
#Comments .commentList dl dt img { height: 40px; width: 40px; }
#Comments .commentList dl dd { float: left; overflow: hidden; width: 460px; }
#Comments .commentList dl dd p { line-height: 22px; color: #ccc; }
#Comments .commentList dl dd p.interact { text-align: right; }
#Comments .commentList dl dd p.interact a { color: #fc0; margin: 0 2px; }
#Comments .commentList dl dd p.interact a.replay { color: #09f; }
#Comments .commentList dl dd .quote { border: 1px dotted #666; padding: 10px; }
#Comments .commentList dl dd .quote dl { border: none; }
#Comments .commentList dl dd .quote dt { width: 40px; }
#Comments .commentList dl dd .quote dd { width: 390px; }

#playMain .playDataMain .oth { float: left; margin-left: 10px; width: 405px; }
#playMain .playDataMain .oth .myHistory { background: #14181b; border: 1px solid #333; margin-bottom: 10px; padding: 10px; }
#playMain .playDataMain .oth .myHistory .title h3 { float: left; font-size: 14px; font-weight: bold; }
#playMain .playDataMain .oth .myHistory .title a.type_1 { background: url("images/img_2.gif") -422px -246px; float: right; height: 13px; margin-top: 5px; overflow: hidden; text-indent: -9999px; width: 13px; }
#playMain .playDataMain .oth .myHistory .title a.type_2 { background: url("images/img_2.gif") -436px -246px; }
#playMain .playDataMain .oth .myHistory .show { background: #202325; margin-top: 5px; padding: 10px 0; }
#playMain .playDataMain .oth .myHistory .show dl { line-height: 22px; margin: 4px 0; }
#playMain .playDataMain .oth .myHistory .show dl dt { color: #808080; float: left; text-align: right; width: 80px; }
#playMain .playDataMain .oth .myHistory .show dl dd { color: #ccc; float: left; height: 22px; margin-left: 20px; overflow: hidden; width: 270px; }
#playMain .playDataMain .oth .myHistory .show dl dd a.txt { color: #ccc; }
#playMain .playDataMain .oth .videoInfo { background: #14181b; opacity: 1; height: auto; }
#playMain .playDataMain .oth .videoInfo p#Vintro { height: 180px; overflow: hidden; padding-bottom: 40px; }

/*分集列表*/
#playListInfo { margin: auto auto 30px; width: 963px; }
#playListInfo span.topBorder { background: url("images/bg_playListInfo.png") repeat 0 0; display: block; height: 2px; overflow: hidden; }
#playListInfo .listInfo { background: url("images/bg_playListInfo.png") no-repeat 0 -6px #0D1012; padding: 15px 0; position: relative; }
#playListInfo .listInfo .videoType { float: left; width: 180px; }
#playListInfo .listInfo .videoType h3 { color: #FFFFFF; font-size: 14px; font-weight: bold; margin-bottom: 15px; padding-left: 20px; }
#playListInfo .listInfo .list{padding-right:180px;}
#playListInfo .listInfo .list .expand{float:right;width:580px;}
#playListInfo .listInfo .list a { color: #A5A6A6; cursor: pointer; float: left; height: 21px; line-height: 21px; overflow: hidden; text-align: center; width: 60px; }
#playListInfo .listInfo .list a:hover { color: #0b7bce; text-decoration: none; }
#playListInfo .listInfo .list a.now { color: #0b7bce; cursor: default; }
#playListInfo .listInfo .list .expand { float: right; margin: 0 auto 20px; width: 580px;}
#playListInfo span.bottomBorder { background: url("images/bg_playListInfo.png") repeat 0 -3px; display: block; height: 2px; overflow: hidden; clear:both;}

/*广告位*/
#AD_Play_bottom { clear: both; width: 1000px; overflow: hidden; }

/*脚部信息*/
#footer { padding: 20px 10px; color: #ccc; line-height: 24px; width: 970px; margin: 0 auto; }
#footer p { text-align: center; }
#footer #countScript { text-align: center; }
